import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

//Vuex.Store 构造器选项
const store = new Vuex.Store({

	//存放状态
	state: {
		"username": "foo",
		"age": 18,
		
		// baseUrl:"http://47.98.139.110:3000",
		baseUrl:"https://lekuzhima.club",

		"tabbar": [{
				"pagePath": "/pages/library/index",
				"iconPath": "/static/lib.png",
				"selectedIconPath": "/static/lib-selected.png",
				"text": "题库"
			},
			{
				"pagePath": "/pages/interview/index",
				"iconPath": "/static/inter2.png",
				"selectedIconPath": "/static/inter2-selected.png",
				"text": "模面",
				"midButton": true
			},
			{
				"pagePath": "/pages/mine/index",
				"iconPath": "/static/mine2.png",
				"selectedIconPath": "/static/mine2-selected.png",
				"text": "我的"
			}
		],

		// 题库菜单
		// libMenu: [{
		// 		name: "布局"
		// 	},
		// 	{
		// 		name: "JS"
		// 	},
		// 	{
		// 		name: "TS"
		// 	},
		// 	{
		// 		name: "HTTP"
		// 	},
		// 	{
		// 		name: "Vue"
		// 	},
		// 	{
		// 		name: "React"
		// 	},
		// 	{
		// 		name: "小程序"
		// 	},
		// 	{
		// 		name: "数算设"
		// 	},
		// 	{
		// 		name: "Webpack"
		// 	},
		// 	{
		// 		name: "Git"
		// 	},
		// 	{
		// 		name: "项目"
		// 	},
		// 	{
		// 		name: "工程化"
		// 	},
		// 	// { name: "其它" },
		// ],


		libMenu: [{
				"name": "Vue",
				"arr": [{
						"title": "说说你对vue的理解?",
						"href": "/vue/vue.html.md",
						"video": "/vue/vue.html.mp4"
					},
					{
						"title": "说说你对SPA（单页应用）的理解?",
						"href": "/vue/spa.html.md",
						"video": "/vue/spa.html.mp4"
					},
					{
						"title": "Vue中的v-show和v-if怎么理解？",
						"href": "/vue/show_if.html.md",
						"video": "/vue/show_if.html.mp4"
					},
					{
						"title": "Vue实例挂载的过程中发生了什么?",
						"href": "/vue/new_vue.html.md",
						"video": "/vue/new_vue.html.mp4"
					},
					{
						"title": "说说你对Vue生命周期的理解?",
						"href": "/vue/lifecycle.html.md",
						"video": "/vue/lifecycle.html.mp4"
					},
					{
						"title": "为什么Vue中的v-if和v-for不建议一起用?",
						"href": "/vue/if_for.html.md",
						"video": "/vue/if_for.html.mp4"
					},
					{
						"title": "SPA（单页应用）首屏加载速度慢怎么解决？",
						"href": "/vue/first_page_time.html.md",
						"video": "/vue/first_page_time.html.mp4"
					},
					{
						"title": "为什么data属性是一个函数而不是一个对象？",
						"href": "/vue/data.html.md",
						"video": "/vue/data.html.mp4"
					},
					{
						"title": "Vue中给对象添加新属性界面不刷新?",
						"href": "/vue/data_object_add_attrs.html.md",
						"video": "/vue/data_object_add_attrs.html.mp4"
					},
					{
						"title": "Vue中组件和插件有什么区别？",
						"href": "/vue/components_plugin.html.md",
						"video": "/vue/components_plugin.html.mp4"
					},
					{
						"title": "Vue组件间通信方式都有哪些?",
						"href": "/vue/communication.html.md",
						"video": "/vue/communication.html.mp4"
					},
					{
						"title": "说说你对双向绑定的理解?",
						"href": "/vue/bind.html.md",
						"video": "/vue/bind.html.mp4"
					},
					{
						"title": "说说你对nexttick的理解?",
						"href": "/vue/nexttick.html.md",
						"video": "/vue/nexttick.html.mp4"
					},
					{
						"title": "说说你对vue的mixin的理解，有什么应用场景？",
						"href": "/vue/mixin.html.md",
						"video": "/vue/mixin.html.mp4"
					},
					{
						"title": "说说你对slot的理解？slot使用场景有哪些？",
						"href": "/vue/slot.html.md",
						"video": "/vue/slot.html.mp4"
					},
					{
						"title": "Vue.observable你有了解过吗？说说看",
						"href": "/vue/observable.html.md",
						"video": "/vue/observable.html.mp4"
					},
					{
						"title": "你知道vue中key的原理吗？说说你对它的理解？",
						"href": "/vue/key.html.md",
						"video": "/vue/key.html.mp4"
					},
					{
						"title": "怎么缓存当前的组件？缓存后怎么更新？说说你对keep-alive的理解是什么？",
						"href": "/vue/keepalive.html.md",
						"video": "/vue/keepalive.html.mp4"
					},
					{
						"title": "Vue常用的修饰符有哪些？有什么应用场景？",
						"href": "/vue/modifier.html.md",
						"video": "/vue/modifier.html.mp4"
					},
					{
						"title": "你有写过自定义指令吗？自定义指令的应用场景有哪些？",
						"href": "/vue/directive.html.md",
						"video": "/vue/directive.html.mp4"
					},
					{
						"title": "Vue中的过滤器了解吗？过滤器的应用场景有哪些？",
						"href": "/vue/filter.html.md",
						"video": "/vue/filter.html.mp4"
					},
					{
						"title": "什么是虚拟DOM？如何实现一个虚拟DOM？说说你的思路",
						"href": "/vue/vnode.html.md",
						"video": "/vue/vnode.html.mp4"
					},
					{
						"title": "你了解vue的diff算法吗？说说看",
						"href": "/vue/diff.html.md",
						"video": "/vue/diff.html.mp4"
					},
					{
						"title": "Vue项目中有封装过axios吗？主要是封装哪方面的？",
						"href": "/vue/axios.html.md",
						"video": "/vue/axios.html.mp4"
					},
					{
						"title": "你了解axios的原理吗？有看过它的源码吗？",
						"href": "/vue/axiosCode.html.md",
						"video": "/vue/axiosCode.html.mp4"
					},
					{
						"title": "SSR解决了什么问题？有做过SSR吗？你是怎么做的？",
						"href": "/vue/ssr.html.md",
						"video": "/vue/ssr.html.mp4"
					},
					{
						"title": "说下你的vue项目的目录结构，如果是大型项目你该怎么划分结构和划分组件呢？",
						"href": "/vue/structure.html.md",
						"video": "/vue/structure.html.mp4"
					},
					{
						"title": "vue要做权限管理该怎么做？如果控制到按钮级别的权限怎么做？",
						"href": "/vue/permission.html.md",
						"video": "/vue/permission.html.mp4"
					},
					{
						"title": "Vue项目中你是如何解决跨域的呢？",
						"href": "/vue/cors.html.md",
						"video": "/vue/cors.html.mp4"
					},
					{
						"title": "vue项目本地开发完成后部署到服务器后报404是什么原因呢？",
						"href": "/vue/404.html.md",
						"video": "/vue/404.html.mp4"
					},
					{
						"title": "你是怎么处理vue项目中的错误的？",
						"href": "/vue/error.html.md",
						"video": "/vue/error.html.mp4"
					},
					{
						"title": "Vue3有了解过吗？能说说跟Vue2的区别吗？",
						"href": "/vue/vue3_vue2.html.md",
						"video": "/vue/vue3_vue2.html.mp4"
					}
				]
			},
			{
				"name": "Vue3",
				"arr": [{
						"title": "Vue3.0的设计目标是什么？做了哪些优化?",
						"href": "/vue3/goal.html.md",
						"video": "/vue3/goal.html.mp4"
					},
					{
						"title": "Vue3.0 性能提升主要是通过哪几方面体现的？",
						"href": "/vue3/performance.html.md",
						"video": "/vue3/performance.html.mp4"
					},
					{
						"title": "Vue3.0里为什么要用 Proxy API 替代 defineProperty\n                        API ？",
						"href": "/vue3/proxy.html.md",
						"video": "/vue3/proxy.html.mp4"
					},
					{
						"title": "Vue3.0 所采用的 Composition Api 与 Vue2.x\n                        使用的 Options Api 有什么不同？",
						"href": "/vue3/composition.html.md",
						"video": "/vue3/composition.html.mp4"
					},
					{
						"title": "说说Vue 3.0中Treeshaking特性？举例说明一下？",
						"href": "/vue3/treeshaking.html.md",
						"video": "/vue3/treeshaking.html.mp4"
					},
					{
						"title": "用Vue3.0 写过组件吗？如果想实现一个\n                        Modal你会怎么设计？",
						"href": "/vue3/modal_component.html.md",
						"video": "/vue3/modal_component.html.mp4"
					}
				]
			},
			{
				"name": "ES6",
				"arr": [{
						"title": "说说var、let、const之间的区别",
						"href": "/es6/var_let_const.html.md",
						"video": "/es6/var_let_const.html.mp4"
					},
					{
						"title": "ES6中数组新增了哪些扩展?",
						"href": "/es6/array.html.md",
						"video": "/es6/array.html.mp4"
					},
					{
						"title": "ES6中对象新增了哪些扩展?",
						"href": "/es6/object.html.md",
						"video": "/es6/object.html.mp4"
					},
					{
						"title": "ES6中函数新增了哪些扩展?",
						"href": "/es6/function.html.md",
						"video": "/es6/function.html.mp4"
					},
					{
						"title": "ES6中新增的Set、Map两种数据结构怎么理解?",
						"href": "/es6/set_map.html.md",
						"video": "/es6/set_map.html.mp4"
					},
					{
						"title": "你是怎么理解ES6中 Promise的？使用场景？",
						"href": "/es6/promise.html.md",
						"video": "/es6/promise.html.mp4"
					},
					{
						"title": "怎么理解ES6中 Generator的？使用场景？",
						"href": "/es6/generator.html.md",
						"video": "/es6/generator.html.mp4"
					},
					{
						"title": "你是怎么理解ES6中Proxy的？使用场景?",
						"href": "/es6/proxy.html.md",
						"video": "/es6/proxy.html.mp4"
					},
					{
						"title": "你是怎么理解ES6中Module的？使用场景？",
						"href": "/es6/module.html.md",
						"video": "/es6/module.html.mp4"
					},
					{
						"title": "你是怎么理解ES6中 Decorator 的？使用场景？",
						"href": "/es6/decorator.html.md",
						"video": "/es6/decorator.html.mp4"
					}
				]
			},
			{
				"name": "JavaScript",
				"arr": [{
						"title": "说说JavaScript中的数据类型？存储上的差别？",
						"href": "/JavaScript/data_type.html.md",
						"video": "/JavaScript/data_type.html.mp4"
					},
					{
						"title": "数组的常用方法有哪些？",
						"href": "/JavaScript/array_api.html.md",
						"video": "/JavaScript/array_api.html.mp4"
					},
					{
						"title": "JavaScript字符串的常用方法有哪些？",
						"href": "/JavaScript/string_api.html.md",
						"video": "/JavaScript/string_api.html.mp4"
					},
					{
						"title": "谈谈 JavaScript 中的类型转换机制",
						"href": "/JavaScript/type_conversion.html.md",
						"video": "/JavaScript/type_conversion.html.mp4"
					},
					{
						"title": "== 和 ===区别，分别在什么情况使用",
						"href": "/JavaScript/== _===.html.md",
						"video": "/JavaScript/== _===.html.mp4"
					},
					{
						"title": "深拷贝浅拷贝的区别？如何实现一个深拷贝？",
						"href": "/JavaScript/copy.html.md",
						"video": "/JavaScript/copy.html.mp4"
					},
					{
						"title": "说说你对闭包的理解？闭包使用场景",
						"href": "/JavaScript/closure.html.md",
						"video": "/JavaScript/closure.html.mp4"
					},
					{
						"title": "说说你对作用域链的理解",
						"href": "/JavaScript/scope.html.md",
						"video": "/JavaScript/scope.html.mp4"
					},
					{
						"title": "JavaScript原型，原型链 ? 有什么特点？",
						"href": "/JavaScript/prototype.html.md",
						"video": "/JavaScript/prototype.html.mp4"
					},
					{
						"title": "Javascript如何实现继承？",
						"href": "/JavaScript/inherit.html.md",
						"video": "/JavaScript/inherit.html.mp4"
					},
					{
						"title": "谈谈this对象的理解",
						"href": "/JavaScript/this.html.md",
						"video": "/JavaScript/this.html.mp4"
					},
					{
						"title": "JavaScript中执行上下文和执行栈是什么？",
						"href": "/JavaScript/context_stack.html.md",
						"video": "/JavaScript/context_stack.html.mp4"
					},
					{
						"title": "说说JavaScript中的事件模型",
						"href": "/JavaScript/event_Model.html.md",
						"video": "/JavaScript/event_Model.html.mp4"
					},
					{
						"title": "typeof 与 instanceof\n                        区别",
						"href": "/JavaScript/typeof_instanceof.html.md",
						"video": "/JavaScript/typeof_instanceof.html.mp4"
					},
					{
						"title": "解释下什么是事件代理？应用场景？",
						"href": "/JavaScript/event_agent.html.md",
						"video": "/JavaScript/event_agent.html.mp4"
					},
					{
						"title": "说说new操作符具体干了什么？",
						"href": "/JavaScript/new.html.md",
						"video": "/JavaScript/new.html.mp4"
					},
					{
						"title": "ajax原理是什么？如何实现？",
						"href": "/JavaScript/ajax.html.md",
						"video": "/JavaScript/ajax.html.mp4"
					},
					{
						"title": "bind、call、apply\n                        区别？如何实现一个bind?",
						"href": "/JavaScript/bind_call_apply.html.md",
						"video": "/JavaScript/bind_call_apply.html.mp4"
					},
					{
						"title": "说说你对正则表达式的理解？应用场景？",
						"href": "/JavaScript/regexp.html.md",
						"video": "/JavaScript/regexp.html.mp4"
					},
					{
						"title": "说说你对事件循环的理解",
						"href": "/JavaScript/event_loop.html.md",
						"video": "/JavaScript/event_loop.html.mp4"
					},
					{
						"title": "DOM常见的操作有哪些？",
						"href": "/JavaScript/Dom.html.md",
						"video": "/JavaScript/Dom.html.mp4"
					},
					{
						"title": "说说你对BOM的理解，常见的BOM对象你了解哪些？",
						"href": "/JavaScript/BOM.html.md",
						"video": "/JavaScript/BOM.html.mp4"
					},
					{
						"title": "举例说明你对尾递归的理解，有哪些应用场景",
						"href": "/JavaScript/tail_recursion.html.md",
						"video": "/JavaScript/tail_recursion.html.mp4"
					},
					{
						"title": "说说 JavaScript 中内存泄漏的几种情况？",
						"href": "/JavaScript/memory_leak.html.md",
						"video": "/JavaScript/memory_leak.html.mp4"
					},
					{
						"title": "Javascript本地存储的方式有哪些？区别及应用场景？",
						"href": "/JavaScript/cache.html.md",
						"video": "/JavaScript/cache.html.mp4"
					},
					{
						"title": "说说你对函数式编程的理解？优缺点？",
						"href": "/JavaScript/functional_programming.html.md",
						"video": "/JavaScript/functional_programming.html.mp4"
					},
					{
						"title": "Javascript中如何实现函数缓存？函数缓存有哪些应用场景？",
						"href": "/JavaScript/function_cache.html.md",
						"video": "/JavaScript/function_cache.html.mp4"
					},
					{
						"title": "说说 Javascript\n                        数字精度丢失的问题，如何解决？",
						"href": "/JavaScript/loss_accuracy.html.md",
						"video": "/JavaScript/loss_accuracy.html.mp4"
					},
					{
						"title": "什么是防抖和节流？有什么区别？如何实现？",
						"href": "/JavaScript/debounce_throttle.html.md",
						"video": "/JavaScript/debounce_throttle.html.mp4"
					},
					{
						"title": "如何判断一个元素是否在可视区域中？",
						"href": "/JavaScript/visible.html.md",
						"video": "/JavaScript/visible.html.mp4"
					},
					{
						"title": "大文件上传如何做断点续传？",
						"href": "/JavaScript/continue_to_upload.html.md",
						"video": "/JavaScript/continue_to_upload.html.mp4"
					},
					{
						"title": "如何实现上拉加载，下拉刷新？",
						"href": "/JavaScript/pull_up_loading_pull_down_refresh.html.md",
						"video": "/JavaScript/pull_up_loading_pull_down_refresh.html.mp4"
					},
					{
						"title": "什么是单点登录？如何实现？",
						"href": "/JavaScript/single_sign.html.md",
						"video": "/JavaScript/single_sign.html.mp4"
					},
					{
						"title": "web常见的攻击方式有哪些？如何防御？",
						"href": "/JavaScript/security.html.md",
						"video": "/JavaScript/security.html.mp4"
					}
				]
			},
			{
				"name": "CSS",
				"arr": [{
						"title": "说说你对盒子模型的理解?",
						"href": "/css/box.html.md",
						"video": "/css/box.html.mp4"
					},
					{
						"title": "css选择器有哪些？优先级？哪些属性可以继承？",
						"href": "/css/selector.html.md",
						"video": "/css/selector.html.mp4"
					},
					{
						"title": "说说em/px/rem/vh/vw区别?",
						"href": "/css/em_px_rem_vh_vw.html.md",
						"video": "/css/em_px_rem_vh_vw.html.mp4"
					},
					{
						"title": "说说设备像素、css像素、设备独立像素、dpr、ppi\n                        之间的区别？",
						"href": "/css/dp_px_dpr_ppi.html.md",
						"video": "/css/dp_px_dpr_ppi.html.mp4"
					},
					{
						"title": "css中，有哪些方式可以隐藏页面元素？区别?",
						"href": "/css/hide_attributes.html.md",
						"video": "/css/hide_attributes.html.mp4"
					},
					{
						"title": "谈谈你对BFC的理解？",
						"href": "/css/BFC.html.md",
						"video": "/css/BFC.html.mp4"
					},
					{
						"title": "元素水平垂直居中的方法有哪些？如果元素不定宽高呢？",
						"href": "/css/center.html.md",
						"video": "/css/center.html.mp4"
					},
					{
						"title": "如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？",
						"href": "/css/column_layout.html.md",
						"video": "/css/column_layout.html.mp4"
					},
					{
						"title": "说说flexbox（弹性盒布局模型）,以及适用场景？",
						"href": "/css/flexbox.html.md",
						"video": "/css/flexbox.html.mp4"
					},
					{
						"title": "介绍一下grid网格布局",
						"href": "/css/grid.html.md",
						"video": "/css/grid.html.mp4"
					},
					{
						"title": "CSS3新增了哪些新特性？",
						"href": "/css/css3_features.html.md",
						"video": "/css/css3_features.html.mp4"
					},
					{
						"title": "css3动画有哪些？",
						"href": "/css/animation.html.md",
						"video": "/css/animation.html.mp4"
					},
					{
						"title": "怎么理解回流跟重绘？什么场景下会触发？",
						"href": "/css/layout_painting.html.md",
						"video": "/css/layout_painting.html.mp4"
					},
					{
						"title": "什么是响应式设计？响应式设计的基本原理是什么？如何做？",
						"href": "/css/responsive_layout.html.md",
						"video": "/css/responsive_layout.html.mp4"
					},
					{
						"title": "如果要做优化，CSS提高性能的方法有哪些？",
						"href": "/css/css_performance.html.md",
						"video": "/css/css_performance.html.mp4"
					},
					{
						"title": "如何实现单行／多行文本溢出的省略样式？",
						"href": "/css/single_multi_line.html.md",
						"video": "/css/single_multi_line.html.mp4"
					},
					{
						"title": "如何使用css完成视差滚动效果?",
						"href": "/css/visual_scrolling.html.md",
						"video": "/css/visual_scrolling.html.mp4"
					},
					{
						"title": "CSS如何画一个三角形？原理是什么？",
						"href": "/css/triangle.html.md",
						"video": "/css/triangle.html.mp4"
					},
					{
						"title": "让Chrome支持小于12px 的文字方式有哪些？区别？",
						"href": "/css/less_12px.html.md",
						"video": "/css/less_12px.html.mp4"
					},
					{
						"title": "说说对Css预编语言的理解？有哪些区别?",
						"href": "/css/sass_less_stylus.html.md",
						"video": "/css/sass_less_stylus.html.mp4"
					}
				]
			},
			{
				"name": "Webpack",
				"arr": [{
						"title": "说说你对webpack的理解？解决了什么问题？",
						"href": "/webpack/webpack.html.md",
						"video": "/webpack/webpack.html.mp4"
					},
					{
						"title": "说说webpack的构建流程?",
						"href": "/webpack/build_process.html.md",
						"video": "/webpack/build_process.html.mp4"
					},
					{
						"title": "说说webpack中常见的Loader？解决了什么问题？",
						"href": "/webpack/Loader.html.md",
						"video": "/webpack/Loader.html.mp4"
					},
					{
						"title": "说说webpack中常见的Plugin？解决了什么问题？",
						"href": "/webpack/Plugin.html.md",
						"video": "/webpack/Plugin.html.mp4"
					},
					{
						"title": "说说Loader和Plugin的区别？编写Loader，Plugin的思路？",
						"href": "/webpack/Loader_Plugin.html.md",
						"video": "/webpack/Loader_Plugin.html.mp4"
					},
					{
						"title": "说说webpack的热更新是如何做到的？原理是什么？",
						"href": "/webpack/HMR.html.md",
						"video": "/webpack/HMR.html.mp4"
					},
					{
						"title": "说说webpack proxy工作原理？为什么能解决跨域?",
						"href": "/webpack/proxy.html.md",
						"video": "/webpack/proxy.html.mp4"
					},
					{
						"title": "说说如何借助webpack来优化前端性能？",
						"href": "/webpack/performance.html.md",
						"video": "/webpack/performance.html.mp4"
					},
					{
						"title": "如何提高webpack的构建速度？",
						"href": "/webpack/improve_build.html.md",
						"video": "/webpack/improve_build.html.mp4"
					},
					{
						"title": "与webpack类似的工具还有哪些？区别？",
						"href": "/webpack/Rollup_Parcel_snowpack_Vite.html.md",
						"video": "/webpack/Rollup_Parcel_snowpack_Vite.html.mp4"
					}
				]
			},
			{
				"name": "HTTP",
				"arr": [{
						"title": "什么是HTTP? HTTP 和 HTTPS 的区别?",
						"href": "/http/HTTP_HTTPS.html.md",
						"video": "/http/HTTP_HTTPS.html.mp4"
					},
					{
						"title": "为什么说HTTPS比HTTP安全? HTTPS是如何保证安全的？",
						"href": "/http/HTTPS.html.md",
						"video": "/http/HTTPS.html.mp4"
					},
					{
						"title": "如何理解UDP 和 TCP? 区别? 应用场景?",
						"href": "/http/UDP_TCP.html.md",
						"video": "/http/UDP_TCP.html.mp4"
					},
					{
						"title": "如何理解OSI七层模型?",
						"href": "/http/OSI.html.md",
						"video": "/http/OSI.html.mp4"
					},
					{
						"title": "如何理解TCP/IP协议?",
						"href": "/http/TCP_IP.html.md",
						"video": "/http/TCP_IP.html.mp4"
					},
					{
						"title": "DNS协议 是什么？说说DNS 完整的查询过程?",
						"href": "/http/DNS.html.md",
						"video": "/http/DNS.html.mp4"
					},
					{
						"title": "如何理解CDN？说说实现原理？",
						"href": "/http/CDN.html.md",
						"video": "/http/CDN.html.mp4"
					},
					{
						"title": "说说 HTTP1.0/1.1/2.0 的区别?",
						"href": "/http/1.0_1.1_2.0.html.md",
						"video": "/http/1.0_1.1_2.0.html.mp4"
					},
					{
						"title": "说说 HTTP 常见的状态码有哪些，适用场景？",
						"href": "/http/status.html.md",
						"video": "/http/status.html.mp4"
					},
					{
						"title": "说一下 GET 和 POST 的区别？",
						"href": "/http/GET_POST.html.md",
						"video": "/http/GET_POST.html.mp4"
					},
					{
						"title": "说说 HTTP 常见的请求头有哪些? 作用？",
						"href": "/http/headers.html.md",
						"video": "/http/headers.html.mp4"
					},
					{
						"title": "说说地址栏输入 URL 敲下回车后发生了什么？",
						"href": "/http/after_url.html.md",
						"video": "/http/after_url.html.mp4"
					},
					{
						"title": "说说TCP为什么需要三次握手和四次挥手？",
						"href": "/http/handshakes_waves.html.md",
						"video": "/http/handshakes_waves.html.mp4"
					},
					{
						"title": "说说对WebSocket的理解？应用场景？",
						"href": "/http/WebSocket.html.md",
						"video": "/http/WebSocket.html.mp4"
					}
				]
			},
			{
				"name": "NodeJS",
				"arr": [{
						"title": "说说你对 Node.js 的理解？优缺点？应用场景？",
						"href": "/NodeJS/nodejs.html.md",
						"video": "/NodeJS/nodejs.html.mp4"
					},
					{
						"title": "说说 Node.js 有哪些全局对象？",
						"href": "/NodeJS/global.html.md",
						"video": "/NodeJS/global.html.mp4"
					},
					{
						"title": "说说对 Node 中的 process 的理解？有哪些常用方法？",
						"href": "/NodeJS/process.html.md",
						"video": "/NodeJS/process.html.mp4"
					},
					{
						"title": "说说对 Node 中的 fs模块的理解? 有哪些常用方法",
						"href": "/NodeJS/fs.html.md",
						"video": "/NodeJS/fs.html.mp4"
					},
					{
						"title": "说说对 Node 中的 Buffer 的理解？应用场景？",
						"href": "/NodeJS/Buffer.html.md",
						"video": "/NodeJS/Buffer.html.mp4"
					},
					{
						"title": "说说对 Node 中的 Stream 的理解？应用场景？",
						"href": "/NodeJS/Stream.html.md",
						"video": "/NodeJS/Stream.html.mp4"
					},
					{
						"title": "说说Node中的EventEmitter?\n                        如何实现一个EventEmitter?",
						"href": "/NodeJS/EventEmitter.html.md",
						"video": "/NodeJS/EventEmitter.html.mp4"
					},
					{
						"title": "说说对 Nodejs 中的事件循环机制理解?",
						"href": "/NodeJS/event_loop.html.md",
						"video": "/NodeJS/event_loop.html.mp4"
					},
					{
						"title": "说说 Node 文件查找的优先级以及 Require\n                        方法的文件查找策略?",
						"href": "/NodeJS/require_order.html.md",
						"video": "/NodeJS/require_order.html.mp4"
					},
					{
						"title": "说说对中间件概念的理解，如何封装 node 中间件？",
						"href": "/NodeJS/middleware.html.md",
						"video": "/NodeJS/middleware.html.mp4"
					},
					{
						"title": "如何实现jwt鉴权机制？说说你的思路",
						"href": "/NodeJS/jwt.html.md",
						"video": "/NodeJS/jwt.html.mp4"
					},
					{
						"title": "如何实现文件上传？说说你的思路",
						"href": "/NodeJS/file_upload.html.md",
						"video": "/NodeJS/file_upload.html.mp4"
					},
					{
						"title": "如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?",
						"href": "/NodeJS/paging.html.md",
						"video": "/NodeJS/paging.html.mp4"
					},
					{
						"title": "Node性能如何进行监控以及优化？",
						"href": "/NodeJS/performance.html.md",
						"video": "/NodeJS/performance.html.mp4"
					}
				]
			},
			{
				"name": "React",
				"arr": [{
						"title": "说说对React的理解？有哪些特性？",
						"href": "/React/React.html.md",
						"video": "/React/React.html.mp4"
					},
					{
						"title": "说说 Real DOM和 Virtual DOM\n                        的区别？优缺点？",
						"href": "/React/Real DOM_Virtual DOM.html.md",
						"video": "/React/Real DOM_Virtual DOM.html.mp4"
					},
					{
						"title": "说说 React 生命周期有哪些不同阶段？每个阶段对应的方法是？",
						"href": "/React/life cycle.html.md",
						"video": "/React/life cycle.html.mp4"
					},
					{
						"title": "state 和 props有什么区别？",
						"href": "/React/state_props.html.md",
						"video": "/React/state_props.html.mp4"
					},
					{
						"title": "super()和super(props)有什么区别？",
						"href": "/React/super()_super(props).html.md",
						"video": "/React/super()_super(props).html.mp4"
					},
					{
						"title": "说说 React中的setState执行机制",
						"href": "/React/setState.html.md",
						"video": "/React/setState.html.mp4"
					},
					{
						"title": "说说React的事件机制？",
						"href": "/React/SyntheticEvent.html.md",
						"video": "/React/SyntheticEvent.html.mp4"
					},
					{
						"title": "React事件绑定的方式有哪些？区别？",
						"href": "/React/Binding events.html.md",
						"video": "/React/Binding events.html.mp4"
					},
					{
						"title": "React构建组件的方式有哪些？区别？",
						"href": "/React/Building components.html.md",
						"video": "/React/Building components.html.mp4"
					},
					{
						"title": "React中组件之间如何通信？",
						"href": "/React/communication.html.md",
						"video": "/React/communication.html.mp4"
					},
					{
						"title": "React中的key有什么作用？",
						"href": "/React/key.html.md",
						"video": "/React/key.html.mp4"
					},
					{
						"title": "说说对React refs 的理解？应用场景？",
						"href": "/React/React refs.html.md",
						"video": "/React/React refs.html.mp4"
					},
					{
						"title": "说说对React中类组件和函数组件的理解？有什么区别？",
						"href": "/React/class_function component.html.md",
						"video": "/React/class_function component.html.mp4"
					},
					{
						"title": "说说对受控组件和非受控组件的理解？应用场景？",
						"href": "/React/controlled_Uncontrolled.html.md",
						"video": "/React/controlled_Uncontrolled.html.mp4"
					},
					{
						"title": "说说对高阶组件的理解？应用场景?",
						"href": "/React/High order components.html.md",
						"video": "/React/High order components.html.mp4"
					},
					{
						"title": "说说对React Hooks的理解？解决了什么问题？",
						"href": "/React/React Hooks.html.md",
						"video": "/React/React Hooks.html.mp4"
					},
					{
						"title": "说说react中引入css的方式有哪几种？区别？",
						"href": "/React/import css.html.md",
						"video": "/React/import css.html.mp4"
					},
					{
						"title": "在react中组件间过渡动画如何实现？",
						"href": "/React/animation.html.md",
						"video": "/React/animation.html.mp4"
					},
					{
						"title": "说说你对Redux的理解？其工作原理？",
						"href": "/React/redux.html.md",
						"video": "/React/redux.html.mp4"
					},
					{
						"title": "说说对Redux中间件的理解？常用的中间件有哪些？实现原理？",
						"href": "/React/Redux Middleware.html.md",
						"video": "/React/Redux Middleware.html.mp4"
					},
					{
						"title": "你在React项目中是如何使用Redux的?\n                        项目结构是如何划分的？",
						"href": "/React/how to use redux.html.md",
						"video": "/React/how to use redux.html.mp4"
					},
					{
						"title": "说说你对React\n                        Router的理解？常用的Router组件有哪些？",
						"href": "/React/React Router.html.md",
						"video": "/React/React Router.html.mp4"
					},
					{
						"title": "说说React\n                        Router有几种模式？实现原理？？",
						"href": "/React/React Router model.html.md",
						"video": "/React/React Router model.html.mp4"
					},
					{
						"title": "说说你对immutable的理解？如何应用在react项目中？",
						"href": "/React/immutable.html.md",
						"video": "/React/immutable.html.mp4"
					},
					{
						"title": "说说React render方法的原理？在什么时候会被触发？",
						"href": "/React/render.html.md",
						"video": "/React/render.html.mp4"
					},
					{
						"title": "说说你是如何提高组件的渲染效率的？在React中如何避免不必要的render？",
						"href": "/React/improve_render.html.md",
						"video": "/React/improve_render.html.mp4"
					},
					{
						"title": "说说React diff的原理是什么？",
						"href": "/React/diff.html.md",
						"video": "/React/diff.html.mp4"
					},
					{
						"title": "说说对Fiber架构的理解？解决了什么问题？",
						"href": "/React/Fiber.html.md",
						"video": "/React/Fiber.html.mp4"
					},
					{
						"title": "说说React Jsx转换成真实DOM过程？",
						"href": "/React/JSX to DOM.html.md",
						"video": "/React/JSX to DOM.html.mp4"
					},
					{
						"title": "说说 React 性能优化的手段有哪些？",
						"href": "/React/Improve performance.html.md",
						"video": "/React/Improve performance.html.mp4"
					},
					{
						"title": "说说你在React项目是如何捕获错误的？",
						"href": "/React/capture error.html.md",
						"video": "/React/capture error.html.mp4"
					},
					{
						"title": "说说React服务端渲染怎么做？原理是什么？",
						"href": "/React/server side rendering.html.md",
						"video": "/React/server side rendering.html.mp4"
					},
					{
						"title": "说说你在使用React 过程中遇到的常见问题？如何解决?",
						"href": "/React/summary.html.md",
						"video": "/React/summary.html.mp4"
					}
				]
			},
			{
				"name": "版本控制",
				"arr": [{
						"title": "说说你对版本管理的理解？常用的版本管理工具有哪些？",
						"href": "/git/Version control.html.md",
						"video": "/git/Version control.html.mp4"
					},
					{
						"title": "说说你对Git的理解？",
						"href": "/git/Git.html.md",
						"video": "/git/Git.html.mp4"
					},
					{
						"title": "说说Git中 fork,\n                        clone,branch这三个概念，有什么区别?",
						"href": "/git/fork_clone_branch.html.md",
						"video": "/git/fork_clone_branch.html.mp4"
					},
					{
						"title": "说说Git常用的命令有哪些？",
						"href": "/git/command.html.md",
						"video": "/git/command.html.mp4"
					},
					{
						"title": "说说Git 中 HEAD、工作树和索引之间的区别？",
						"href": "/git/HEAD_tree_index.html.md",
						"video": "/git/HEAD_tree_index.html.mp4"
					},
					{
						"title": "说说对git pull 和 git fetch\n                        的理解？有什么区别？",
						"href": "/git/git pull _git fetch.html.md",
						"video": "/git/git pull _git fetch.html.mp4"
					},
					{
						"title": "说说你对git stash 的理解？应用场景？",
						"href": "/git/git stash.html.md",
						"video": "/git/git stash.html.mp4"
					},
					{
						"title": "说说你对git rebase 和 git\n                        merge的理解？区别？",
						"href": "/git/git rebase_ git merge.html.md",
						"video": "/git/git rebase_ git merge.html.mp4"
					},
					{
						"title": "说说 git 发生冲突的场景？如何解决？",
						"href": "/git/conflict.html.md",
						"video": "/git/conflict.html.mp4"
					},
					{
						"title": "说说你对git reset 和 git revert\n                        的理解？区别？",
						"href": "/git/git reset_ git revert.html.md",
						"video": "/git/git reset_ git revert.html.mp4"
					}
				]
			},
			{
				"name": "操作系统",
				"arr": [{
						"title": "说说你对操作系统的理解？核心概念有哪些？",
						"href": "/linux/linux.html.md",
						"video": "/linux/linux.html.mp4"
					},
					{
						"title": "说说什么是进程？什么是线程？区别？",
						"href": "/linux/thread_process.html.md",
						"video": "/linux/thread_process.html.mp4"
					},
					{
						"title": "说说 linux系统下 文件操作常用的命令有哪些？",
						"href": "/linux/file.html.md",
						"video": "/linux/file.html.mp4"
					},
					{
						"title": "说说 linux 系统下 文本编辑常用的命令有哪些？",
						"href": "/linux/vim.html.md",
						"video": "/linux/vim.html.mp4"
					},
					{
						"title": "说说你对 linux 用户管理的理解？相关的命令有哪些？",
						"href": "/linux/linux users.html.md",
						"video": "/linux/linux users.html.mp4"
					},
					{
						"title": "说说你对输入输出重定向和管道的理解？应用场景？",
						"href": "/linux/redirect_pipe.html.md",
						"video": "/linux/redirect_pipe.html.mp4"
					},
					{
						"title": "说说你对 shell 的理解？常见的命令？",
						"href": "/linux/shell.html.md",
						"video": "/linux/shell.html.mp4"
					}
				]
			},
			{
				"name": "TypeScript ",
				"arr": [{
						"title": "说说你对 TypeScript\n                        的理解？与 JavaScript 的区别？",
						"href": "/typescript/typescript_javascript.html.md",
						"video": "/typescript/typescript_javascript.html.mp4"
					},
					{
						"title": "说说 typescript 的数据类型有哪些？",
						"href": "/typescript/data_type.html.md",
						"video": "/typescript/data_type.html.mp4"
					},
					{
						"title": "说说你对 TypeScript 中枚举类型的理解？应用场景？",
						"href": "/typescript/enum.html.md",
						"video": "/typescript/enum.html.mp4"
					},
					{
						"title": "说说你对 TypeScript 中接口的理解？应用场景？",
						"href": "/typescript/interface.html.md",
						"video": "/typescript/interface.html.mp4"
					},
					{
						"title": "说说你对 TypeScript 中类的理解？应用场景？",
						"href": "/typescript/class.html.md",
						"video": "/typescript/class.html.mp4"
					},
					{
						"title": "说说你对 TypeScript 中函数的理解？与\n                        JavaScript 函数的区别？",
						"href": "/typescript/function.html.md",
						"video": "/typescript/function.html.mp4"
					},
					{
						"title": "说说你对 TypeScript 中泛型的理解？应用场景？",
						"href": "/typescript/generic.html.md",
						"video": "/typescript/generic.html.mp4"
					},
					{
						"title": "说说你对 TypeScript\n                        中高级类型的理解？有哪些？",
						"href": "/typescript/high type.html.md",
						"video": "/typescript/high type.html.mp4"
					},
					{
						"title": "说说你对 TypeScript 装饰器的理解？应用场景？",
						"href": "/typescript/decorator.html.md",
						"video": "/typescript/decorator.html.mp4"
					},
					{
						"title": "说说对 TypeScript\n                        中命名空间与模块的理解？区别？",
						"href": "/typescript/namespace_module.html.md",
						"video": "/typescript/namespace_module.html.mp4"
					},
					{
						"title": "说说如何在 React 项目中应用 TypeScript？",
						"href": "/typescript/react.html.md",
						"video": "/typescript/react.html.mp4"
					},
					{
						"title": "说说如何在Vue项目中应用TypeScript？",
						"href": "/typescript/vue.html.md",
						"video": "/typescript/vue.html.mp4"
					}
				]
			},
			{
				"name": "算法与数据结构",
				"arr": [{
						"title": "说说你对算法的理解？应用场景？",
						"href": "/algorithm/Algorithm.html.md",
						"video": "/algorithm/Algorithm.html.mp4"
					},
					{
						"title": "说说你对算法中时间复杂度，空间复杂度的理解？如何计算？",
						"href": "/algorithm/time_space.html.md",
						"video": "/algorithm/time_space.html.mp4"
					},
					{
						"title": "说说你对数据结构的理解？有哪些？区别？",
						"href": "/algorithm/structure.html.md",
						"video": "/algorithm/structure.html.mp4"
					},
					{
						"title": "说说你对栈、队列的理解？应用场景？",
						"href": "/algorithm/stack_queue.html.md",
						"video": "/algorithm/stack_queue.html.mp4"
					},
					{
						"title": "说说你对链表的理解？常见的操作有哪些？",
						"href": "/algorithm/Linked List.html.md",
						"video": "/algorithm/Linked List.html.mp4"
					},
					{
						"title": "说说你对集合的理解？常见的操作有哪些？",
						"href": "/algorithm/set.html.md",
						"video": "/algorithm/set.html.mp4"
					},
					{
						"title": "说说你对树的理解？相关的操作有哪些？",
						"href": "/algorithm/tree.html.md",
						"video": "/algorithm/tree.html.mp4"
					},
					{
						"title": "说说你对堆的理解？如何实现？应用场景？",
						"href": "/algorithm/Heap.html.md",
						"video": "/algorithm/Heap.html.mp4"
					},
					{
						"title": "说说你对图的理解？相关操作有哪些？",
						"href": "/algorithm/graph.html.md",
						"video": "/algorithm/graph.html.mp4"
					},
					{
						"title": "说说常见的排序算法有哪些？区别？",
						"href": "/algorithm/sort.html.md",
						"video": "/algorithm/sort.html.mp4"
					},
					{
						"title": "说说你对冒泡排序的理解？如何实现？应用场景？",
						"href": "/algorithm/bubbleSort.html.md",
						"video": "/algorithm/bubbleSort.html.mp4"
					},
					{
						"title": "说说你对选择排序的理解？如何实现？应用场景？",
						"href": "/algorithm/selectionSort.html.md",
						"video": "/algorithm/selectionSort.html.mp4"
					},
					{
						"title": "说说你对插入排序的理解？如何实现？应用场景？",
						"href": "/algorithm/insertionSort.html.md",
						"video": "/algorithm/insertionSort.html.mp4"
					},
					{
						"title": "说说你对归并排序的理解？如何实现？应用场景？",
						"href": "/algorithm/mergeSort.html.md",
						"video": "/algorithm/mergeSort.html.mp4"
					},
					{
						"title": "说说你对快速排序的理解？如何实现？应用场景？",
						"href": "/algorithm/quickSort.html.md",
						"video": "/algorithm/quickSort.html.mp4"
					},
					{
						"title": "说说你对二分查找的理解？如何实现？应用场景？",
						"href": "/algorithm/BinarySearch.html.md",
						"video": "/algorithm/BinarySearch.html.mp4"
					},
					{
						"title": "说说说你对分而治之、动态规划的理解？区别？",
						"href": "/algorithm/design1.html.md",
						"video": "/algorithm/design1.html.mp4"
					},
					{
						"title": "说说你对贪心算法、回溯算法的理解？应用场景？",
						"href": "/algorithm/design2.html.md",
						"video": "/algorithm/design2.html.mp4"
					}
				]
			},
			{
				"name": "小程序",
				"arr": [{
						"title": "说说你对微信小程序的理解？优缺点？",
						"href": "/applet/applet.html.md",
						"video": "/applet/applet.html.mp4"
					},
					{
						"title": "说说微信小程序的生命周期函数有哪些？",
						"href": "/applet/lifecycle.html.md",
						"video": "/applet/lifecycle.html.mp4"
					},
					{
						"title": "说说微信小程序中路由跳转的方式有哪些？区别？",
						"href": "/applet/navigate.html.md",
						"video": "/applet/navigate.html.mp4"
					},
					{
						"title": "说说提高微信小程序的应用速度的手段有哪些？",
						"href": "/applet/optimization.html.md",
						"video": "/applet/optimization.html.mp4"
					},
					{
						"title": "说说微信小程序的登录流程？",
						"href": "/applet/login.html.md",
						"video": "/applet/login.html.mp4"
					},
					{
						"title": "说说微信小程序的发布流程？",
						"href": "/applet/publish.html.md",
						"video": "/applet/publish.html.mp4"
					},
					{
						"title": "说说微信小程序的支付流程？",
						"href": "/applet/requestPayment.html.md",
						"video": "/applet/requestPayment.html.mp4"
					},
					{
						"title": "说说微信小程序的实现原理？",
						"href": "/applet/WebView_jscore.html.md",
						"video": "/applet/WebView_jscore.html.mp4"
					}
				]
			},
			{
				"name": "设计模式",
				"arr": [{
						"title": "说说对设计模式的理解？常见的设计模式有哪些？",
						"href": "/design/design.html.md",
						"video": "/design/design.html.mp4"
					},
					{
						"title": "说说你对单例模式的理解？如何实现？",
						"href": "/design/Singleton Pattern.html.md",
						"video": "/design/Singleton Pattern.html.mp4"
					},
					{
						"title": "说说你对工厂模式的理解？应用场景？",
						"href": "/design/Factory  Pattern.html.md",
						"video": "/design/Factory  Pattern.html.mp4"
					},
					{
						"title": "说说你对策略模式的理解？应用场景？",
						"href": "/design/Strategy Pattern.html.md",
						"video": "/design/Strategy Pattern.html.mp4"
					},
					{
						"title": "说说你对代理模式的理解？应用场景？",
						"href": "/design/Proxy Pattern.html.md",
						"video": "/design/Proxy Pattern.html.mp4"
					},
					{
						"title": "说说你对发布订阅、观察者模式的理解？区别？",
						"href": "/design/Observer  Pattern.html.md",
						"video": "/design/Observer  Pattern.html.mp4"
					}
				]
			}
		],

		// 模面菜单
		interMenu: [{
				name: "大厂套装"
			},
			{
				name: "模块搭配"
			},
			{
				name: "岗位定制"
			},
		],

		// markdown
		mdcontent: ``,

		// 大厂套装
		dachangAlbums: [],

	},

	mutations: {
		setLibMenu(state, payload) {
			// 变更状态
			state.libMenu = payload
		}
	},

	actions: {
		getLibMenu(context) {
			uni.request({
				url: context.state.baseUrl+'/data/module-links.json',
				success: (res) => {
					console.log(res.data);
					context.commit('setLibMenu', res.data)
				}
			});
		},

		getDachangAlbums({
			commit,
			state
		}, payload) {
			console.log("vuex getDachangAlbums");
			if (state.dachangAlbums.length === 0) {
				uni.request({
					url: state.baseUrl+'/interview/album/0',
					success: (res) => {
						console.log("getDachangAlbums", res.data);
						state.dachangAlbums = res.data
					},
					fail(err) {
						console.log("fail,err=", err);
					}
				});
			}
		},

	},

})

export default store